El código que debemos aplicar lo vamos a diferenciar en tres partes, la primera es el código donde podemos modificar altura, anchura, y color de fondo entre otras cosas. Para diferenciarlo del resto le adjudicaremos el color azul.
La segunda parte en color naranja es la correspondiente a las imágenes tipo botón, donde modificaremos la url de la imagen, la url de la página a la que enlaza y el texto informativo.Para el ejemplo he añadido cinco enlaces, naturalmente podéis modificar o añadir más en vuestro blog.
Y por último la tercera parte también en color azul es el cierre del código, donde no debemos modificar nada.
<ilayer clip="0,0,170,150" width="180" name="scroll1" height="160"> <layer width="180" name="scroll2" height="160" bgcolor="lightyellow"> <div id="scroll3" style="width:120px;height:200px;background-color:#fffff;overflow:scroll"> <font color="#000000"><p align="left"> |
<a href="mailto:forevergema@gmail.com" target="_blank"> <acronym title="Para contactar conmigo"> <img src="http://img470.imageshack.us/img470/4769/gmailme5sn5fc.gif"/> </acronym></a> <a href="http://gemablog-.blogspot.com/" target="_blank"> <acronym title="Gem@ BLOG"> <img src="http://img220.imageshack.us/img220/4694/linkeameic7.jpg" /> </acronym></a> <a href="http://daleclick.blogspot.com/" target="_blank"> <acronym title="Con él aprendí... "> <img src="http://photos1.blogger.com/blogger/7678/802/1600/html_boton.png"/> </acronym></a> <a href="http://daleclick.pro-board.com/" target="_blank"> <acronym title="Un foro diferente"> <img src="http://photos1.blogger.com/blogger/7678/802/1600/blogger.png"/> </acronym></a> <a href="http://www.blogesfera.com/actualizador.php?id=803" target="_blank"> <acronym title="Directorio de variada temática"> <img src="http://img248.imageshack.us/img248/566/blogesferasr9.gif"/> </acronym></a> |
</font> </div> </layer> </ilayer> |
Las modificaciones que podemos hacer son las siguientes:
En la primera parte del código (color azul) el tamaño.
Para ello buscaremos lo que está señalado en "negrita color rojo" podemos modificar heigh y twidth para la altura y el ancho.
El color de fondo de la caja lo podemos cambiar en:#fffff; lo encontráremos en negrita color verde.
Si deseamos que el fondo de la caja sea del mismo color del blog bastará con suprimir fffff; (dejamos el arterisco --> #
Para añadir enlaces deberíamos añadir más o menos esto:
<a href="http://gemablog-.blogspot.com/" target="_blank">
<acronym title="Gem@ BLOG">
<img src="http://img220.imageshack.us/img220/4694/linkeameic7.jpg" />
</acronym>
</a>
Color rojo: Url de la página a enlazar.
Color azul: Url de la imagen.
Color verde: Texto informativo que aparece al pasar el ratón por encima del botón.
Si no te quieres complicar mucho también puedes añadir el clásico enlace para imágenes, y sería de esta forma:
<a href="aquí url de la página" target="_blank">
<img src=" aquí url de la imagen "/></a>
Si lo prefieres también puedes agregar un texto que haga la función de enlace en lugar de la imagen:
<a href=" url de la página" target="_blank">texto</a>
Si resulta bien todo lo explicado este sería el resultado con fondo de color:
Y eso es todo, si quedan dudas házmelo saber.
Gem@a,
Un millón de gracias ya lo hice, vales muchos
Besos amiga
Muchisimas Gracias :D
Lo empezare a imlementar
mil gracias :D
Gracias por este post Gema :)
Gema, tengo un problemilla aver si tú sabes cómo puedo solucionarlo pues no sé cómo encontrar el error. Cuando abro mi blog La Puerta me sale el símbolo en la parte inferior izquierda de errores de página (en amarillo). Al mostrar detalles me muestra en el error ")" en el codigo 186 línea 2. (Se supone que sobra o falta un ")" en alguna parte) pero he abierto plantilla, elementos, etc... y no veo por ninguna parte :( Hay alguna manera de encontrarlo para quitarlo y que no de más errores la página? Muchas gracias Gema por tu ayuda.
Espero que tengas buen día :)
Ya parece que se solucionó Gema, era un script.
Un besito guapa
Te tengo una sorpresa en mi sitio. ¿Quieres venir un momento, por favor?
Ah bueno gem@!! Casi me caigo de la silla... muy buena la cabecera nueva!! Felicitaciones, queda muy linda.
Saludos!!
Está bonito el nuevo logo. Te tengo un regalito en mi blog, pero se está añejando :)
Un beso
Gracias Gem@. Eres un solete.
Hoy solo paso a dejarte un saludo y a preguntarte si ya viste que lindo queda tu link (gris) en mi siderbar ...
ja jaja ...
Saludos.
no se si era para mi esta entrada pero no era esa mi pregunta... XD
mira mi pregunta es la stge.
como debo hacer para agregar cualquier texto tendro de un textarea???
como hago para crear un textarea??
como es el codigo html??
por ej si quiero agregar este texto en una textarea:
"el sol brilla mas en mi ciudad"
como lo agrego en una textarea??
eso, espero q me puedas ayudar porfavor.
xauu
Hola Alida, espero sea eso lo que buscabas al igual que repta, Jose y alguien más que ahora mismo no recuerdo.
Si os quedan dudas exponerlas aquí mismo ;) !Suerte¡
Hola Chare, me alegra que l solucionaras ;)
Ale muchas graciasss eres un encanto, nada más abrir el correo vi tu comentario y corrí a ver el regalito.
Eres muy amable, te pasas siempre conmigo amiga ;) Gracias, gracias y más gracias.
Saludos Cristian, veo que se solucionaron esos problemas para acceder a mi blog, !!menos mal ¡¡
Me alegra que te guste el logo, en realidad era una prueba, estuve jugando con un programita de esos de prueba durante 30 días y ese es el resultado, pero seguiré probando , veremos que sale jajaja
Jejo !!me gusta¡¡ yo hice otro con el que me mandaste, ya lo tengo junto a los otros botones ;)
evan-opendoor no, no era para ti esta entrada, en realidad ya te contesté donde dejaste la pregunta anterior (no recuerdo donde era ahora mismo) pero te puedes guiar con esta entrada:
http://gemablog-.blogspot.com/2006/10/textarea_12.html
Gem@, millones de gracias, que sería de mí sin tu blog. Soy un paquete con eso de los blogs, un peso muerto, pero gracias a tu trabajo estoy aprendiendo un huevo de esto (y eso que te descubrí hace un par de días).
Y abusando de tu amabilidad, te voy a preguntar como se hace para que la barra de blogger se esconda automáticamente y aparezca cuando pasas el ratón por arriba, como en este blog (www.ramenparados.com).
Nada, mil gracias y un saludo. Eres grande.
Hola Batou es muy agradable leer comentarios como el tuyo, espero que encuentres solución a tus dudas si no es así házmelo saber ;)
Y hablando de soluciones hice esta entrada para ti:
http://gemablog-.blogspot.com/2007/07/efecto-invisible-en-la-navbar-barra-de.html
GEma!! lo logre ...no fue tan dificil con tu ayuda...me quedo bien bonita y ma horre espacio...gracias tu blog es un LUJO!!!!!!!!!!!!!!...no lo cierres nunca....las personas inquietas como yo necesitan constantes desafíos que las personas como tu les patean..besos y no sabe lo feliz que estoy de haberlo logrado!!!
Tranquila Elizabetha aunque llegara un día que no pudiera mantener este blog no le daría de baja por eso mismo que comentas por si es de utilidad para alguien.
Me alegra mucho tus avances ;)
Hola Gema, de verdad que tu blog nos ha sido de mucha utilidad a las personas que como yo apenas comenzamos, visito mucho tu espacio para aprender cositas y variar otras en mi blog,de echo tambien te he enlazado, gracias por tu espacio y tu tiempo para ayudar, bueno mi preguntica es la sgte:me encanta lo que tienes en tu sidebar como "de interes" como logro hacer esa cajita? me podrias ayudar? De antemano muchas gracias y saludos.
Hola Didita puedes encontrar las explicaciones para esa cajita aquí:
http://gemablog-.blogspot.com/2007/04/men-despegable-personalizado.html
Si tienes dudas házmelo saber ;)
Hola Gema, muchas gracias, no pense me contestaras tan pronto. bueno probare como me va con el codigo y mas adelante te comento, muchas gracias.
Buenísimo!!! Ya lo he hecho, Mil gracias de nuevo.
Espero que todo vaya bien Didita.
Noa estupendo :)
Gracias mil gem@, siempre tan atenta! Ahora quiero ponerle algo mas, un recuadro de color, o sea borde de color por ejemplo amarillo, y que la barra de correr también sea de ese color, como hago? Señorita maestra?
Ya vi que anduvo por aquí un argentino y te dijo que ayer (para mi hoy porque todavía no me acosté) se celebraba el día del maestro y vos sos nuestra maestra, mil gracias y Feliz día, aunque atrasado!
Un besote gem@ ;)
PD. El enlace que me pusiste me llevó a una pagina inexistente, menos mal que entendí mas o menos el titulo y llegué hasta aquí, lo habrás escrito apurada con tanto inutil por aquí pidiendote ayuda (me incluyo por supuesto) ja ja no darás a basto. Si no fuera por vos, que sería de nosotros...
k_nelita no siempre podemos variar un código a nuestro antojo, no quiero decir que sea imposible pero requiere probar y no siempre el resultado es lo que deseamos.Intentaré lo que me dices.
Como verás de maestra nada de nada jajaja una aficionada nada más.
¿Que pasó con aquel código que decidiste a ultima hora?
(Y de inútil nada, inútil es algo qu eno tiene utilidad) ;)
Hola gem@, bueno, si, me imaginaba que todo no se puede en la vida ja ja
Pero viste que yo siempre quiero cosas raras, si tienes tiempo o cuando lo tengas, fijate si logras algo con eso.
Yo hice mis pruebas, no creas que no hago nada ehh, burradas a montones! No me salió ni parecido a lo que quería, porque viste que en la parte de arriba del código tiene partes "" como para meter un color o algo, entonces me metí a hacer mamarrachos con eso, pero, no.
Y el código de esa pagina que no me acuerdo, después que puse todos los enlaces (mas de 20), edité el widget,
me di cuenta que era para leer los RSS, o sea un lector de feed, que si quiero eso ya tengo varios en mi navegador, sin necesidad de ponerlo en el blog, o sea los enlaces no eran enlaces, buaaa buaaa, me quería matar!
Besotes gem@
k_nelita esos espacios que piensas son para meter color no eran otra cosa que la tabla de color azul de la entrada.
Me di cuenta intentado dar solución a tu pregunta, al parecer por error se "coló" ese código (como verás lo he suprimido)
Si encuentro la solución te lo haré saber :)
Gem@ y lo de font color que está al final del código para que es? también hay un align left, si se ponen banners o logos no hace falta fonts o si?
Yo lo estoy usando también en enlaces de texto, porque el marquee tardaba mucho en cargar la pagina, lo he visto en otros blogs no solo en el mío que tarda bastante el marquee.
Ahora estoy tratando de inventar otra cosa, que si lo logro te cuento.
Ahh otra pregunta hay alguna forma de que los enlaces no cambien de color al clicarlos?
Te explico, ahora los tengo de tres colores, uno el original, amarillo, cuando pasa el mouse por encima, mas claro y cuando los pinchas una especie de azul, ese es el que no quiero el azul, que puedo hacer?
Gracias mil por todo señorita maestra.
Un besote :)
Ahora aprendí que el "cartelito" al que me refería se llama scroll. Encontré varias entradas aquí en Gem@ Blog al respecto. Ya veré como hago uno HORIZONTAL ... de izquierda a derecha solamente. Si no lo logro : TE AVISO ...
Saludos
k_nelita yo creo que este tema lo resolvimos en otra entrada, siento no ver esta antes y contestarte aquí en su momento :(
Jejo, te fue útil lo que te mandé en el mail?
Por fin alle el post q estaba buscando!!!
Gema.
Una d las cosas q no me gustan de tu blog es q cuando aplasto el boton de entradas antiguas solo se ponen 3 entradas!!!!
El Escaparate de Rosa tiene un boton q dice Mostrar todas las entradas o algo asi, y es mas facil Ojala y mejores eso ya q yo llevo buscando esta entrada como 1 hora, un poco mas.
Luego cuando doy clic en alguno de los menus a veces salen repetidas las entradas entiendes?
Por cierto quisiera cambiar los iconos de navegacion, he buscado en Iconlet pero no me aparece nada, es decir cual es la palabra para buscar? ya q he puesto navigation tools cosas asi y no aparece ningun resultado.
Y x ultimo donde esta el post donde explicas como poner los iconos de navegacion? ya q de esa explicacion puse los mios, son como los tuyos, solo q quisira poner unos iconos q conbinen +
Salu2
Hola Fernando, voy a contestarte por orden de las preguntas ;)
Lo de las tres entradas que aparecen cuando navegas con los iconos tienes toda la razón del mundo, intentaré solucionarlo y te agradezco que me lo dijeras estos detalles son los que nos ayudan a mejorar el blog ;)
El cartelito de mostrar todas las entradas lo eliminé yo, la respuesta es muy sencilla no me gustaba estéticamente y como al clicar en las categorías se tiene la opción no solo de mostrar las entradas sino de mostrar un resumen con la opción de leer la entrada entera desplegando la entrada pues... pensé que sería un estorbo el cartelito.
Es lógico que cuando accedas a un menú (categoría) veas la misma entrada en diferentes categorías.
Hay entradas que pueden contener dos o más etiquetas, por ejemplo una entrada que contenga un script para imágenes, si además la explicación es para la plantilla clásica en las etiquetas verás:
script- todo fotos- blogger antiguo
Si tu necesitas como por ejemplo ahora unos iconos yo tengo una categoría para iconos /sería fácil encontrar esa entrada puesto que todas las entradas de esa categoría son sobre iconos.
Pero imagina que buscas un traductor ¿dónde lo buscas?
Por lógica sería en herramientas, pero no todo el mundo tiene esa forma de buscar habrá quien lo busque en Blogger beta pensando que sea una aplicación para el blog.
Estos son mis argumentos, que no quiere decir que sean más válidos que los tuyos ni que yo lo haga mejor sencillamente lo hago pensando en facilitar la navegación y que los visitantes encuentren lo que buscan sin desesperarse.
Iconlet es un buen buscador de iconos, pero no acepta palabras en español mi sugerencia es que uses un traductor a inglés y aún así es un tanto exigente y no siempre da resultados.
(Mira en la categoría iconos de mi blog hay muuchas páginas interesantes)
El post donde hablo de los iconos e navegación está en la categoría de Blogger beta
Te recomiendo que cuando busques algo y no lo encuentres utilices el buscador interno del blog, ingresa una palabra clave y te proporciona todas las entradas con esa palabra.
Además de ganar tiempo verás que es muy útil ;)
HOla Gem@ por favor te pasas por mi blog cuando puedas, lo he puesto pero me sale todo seguido no me sale un plato por linea, luego me dices si tiene solución.
Mil gracias.
Besicos
Gem@ otra cosa, como puedo poner dentro de mis entradas un video de youtube y una imagen o un dibujito que al pinchar en el me lleve por ejemplo a un slide. Bueno no se si me he explicado bien.
Gem@ te puedo decir una cosa?, no se que seria mi blog y yo sin tus ayudas.
Mil gracias
Hola Paqui para que queden las líneas separadas añade al final de cada línea <p> o más espacio añade <br>
La forma de añadir un vídeo desde YouTube es copiando el código que proporcionan en YouTube y pegándolo en la entrada del blog o en añadir un elemento de página/HTML...si lo deseas añadir a la sidebar.
Para que una imagen haga de enlace (te lleve a otra parte) puedes añadir:
<a href="aquilaurldelapagina"><img src="aquilaurldelaimagen" /></a>
Para que una imagen te lleve a un slide puedes añadir el slide en una entrada donde añades la url de la página puedes añadir la url de esa entrada (la conseguirás si clicas en el título de la entrada)
-Tu blog seguiría siendo estupendo porque la esencia está en el contenido Paqui ;)
Hola Gema; gracias por tu ayuda inestimable. Soy nuevo y no sé en que lugar de la plantilla HTML debo poner los códigos que nos indicas.
Santiago
Saludos "la coctelera" depende del lugar donde deseas que aparezca así debes añadirlo.
Cuando añadimos algo a la columna y contiene un código el es en añadir un elemento de página luego clicas la pestaña de HTML/Javascript y pegas el código para más tarde guardar los cambios.
Aquí puedes verlo paso a paso. ;)
Gracias Gem@ por tu rápida respuesta: lo he hecho y casi lo tengo, solo que los botones me quedan fuera de la caja, no como arreglarlo. Lo del tamaño creo que sabré hacerlo.
Eres muy amable.
Gracias, gracias: ya lo tengo, el boton con cursor para meter los directorios que los tenía perdidos en una entrada y el siderbar desprovechado. Te he enlazado en mi blog jazzceuta.blogspot.com Espero seguir en contacto.
Salud
Gem@, he probado todo lo que me has dejado y funciona, pero lo siguiente no se como es, yo te quería decir una imagen que subimos a una entrada y esa imagen si pinchamos en ella nos lleve a otra pagina, esto es lo que tu me has dejado:
Para que una imagen haga de enlace (te lleve a otra parte) puedes añadir:
<a href="aquilaurldelapagina"><img src="aquilaurldelaimagen" /></a>
Llevas razón Gem@ la esencia esta en el contenido, pero el continente no se podria llevar a cabo sin tu ayuda.
Besicos
Nota: solo los miembros de este blog pueden publicar comentarios.